@extends('common.base-master')

@section('html-head')
    <link href="{{url('css/detail_style.css')}}" type="text/css" rel="stylesheet"/>
    <link href="{{url('css/bootstrap.min.css')}}" type="text/css" rel="stylesheet"/>
    <script src="{{url('js/detail_style.js')}}"></script>
    <script src="{{url('js/lib/bootstrap.min.js')}}"></script>
@endsection
@section('html-body')
<main>
<div id="content">
    <div id="wrap">
        <nav class="navbar navbar-inverse">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                        <span class="sr-only">这是按钮</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand active" href="#">全部活动</a>
                </div>
                <div id="navbar" class="collapse navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li><a href="#">旁观者demo+</a></li>
                        <li><a href="#">中国天使投资人</a></li>
                        <li><a href="#">旁观者说</a></li>
                        <li><a href="#">旁观者1+1</a></li>
                    </ul>
                </div>
            </div>
        </nav>
        <div class="address">请在这里输入路径</div>
        <div class="contain">
            <ul>
                <li class="title">
                    <p>旁观者Demo第二期：她时代的创业</p>
                </li>
                <li class="txt1">
                    <p>2015年5月30号<em>旁观者数据分析平台</em></p>
                </li>
                <li class="photo"></li>
                <li class="anniu">
                    <button>我要报名</button>
                </li>
                <li class="txt2">
                    <p>一般情况下，巴蜀中学国际部的学生高二年级就要面临各种语言或学术考试的挑战，这也是申请国外大学最关键的阶段。去年9月，眼看班上的同学埋头苦读备战托福，杨斯涵决定自己也去托福考场感受一下，用亲身经历给同学们提供更直接的备考经验。</p>
                    <p>其实，2011年，杨斯涵就考过了托福，满分120分她拿到了107分。这一次，杨斯涵的托福成绩更进一步，拿到了113分。在老师的影响下，班上15个同学的托福成绩有4个在105分及以上。</p>
                </li>
                <li class="care">
                    <p><em>【主题】：</em>旁观者Demo+第2期：她时代的创业者</p>
                    <p><em>【主办】：</em>旁观者数据分析平台</p>
                    <p><em>【协办】：</em>--</p>
                    <p><em>【媒体】：</em>--</p>
                    <p><em>【项目报名】：</em>BP发送到bp@pgzhe.com，邮件主题：项目路演+项目名称+创始人+联系电话</p>
                    <p><em>【项目注意】：</em>所有参与路演的投资人将承诺在15天内做出投资决策，为创业者实现快速融资。</p>
                </li>
                <li class="intro">
                    <em>嘉宾介绍：</em>
                    <p>据成都商报,湖北一辆公交车上来了一位老大爷,他走到一女孩旁边,女孩没理会。老大爷突然一把将其拽起推了出去。女孩受到惊吓匆匆下车,但老人仍然情绪激动,一直在车上怒骂。老人说自己腿部有残疾,事发时,车上专座坐满了人,但车辆后部有很多空座。据成都商报,湖北一辆公交车上来了一位老大爷,他走到一女孩旁边,女孩没理会。老大爷突然一把将其拽起推了出去。女孩受到惊吓匆匆下车,但老人仍然情绪激动,一直在车上怒骂。老人说自己腿部有残疾,事发时,车上专座坐满了人,但车辆后部有很多空座。</p>
                </li>
                <li class="liucheng">
                    <em>活动流程：</em>
                    <h5>1.签到，投资人发签到表格</h5>
                    <p>xxxxxxxxx</p>
                    <h5>2.嘉宾分享</h5>
                    <p>xxxxxxxxx</p>
                    <p>xxxxxxxxx</p>
                    <h5>3.羡慕路演</h5>
                    <p>xxxxxxxxx</p>
                    <p>xxxxxxxxx</p>
                    <p>xxxxxxxxx</p>
                    <p>xxxxxxxxx</p>
                </li>
                <li class="luyan">
                    <em>时间地点:</em>
                    <p><em>【路演时间】：</em>xxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
                    <p><em>【路演地点】：</em>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
                </li>
                <li class="about">
                    <em>关于旁观者demo+</em>
                    <p>标签:CSS3CSS3特效 对于网站设计来说,好看的文本和排版会使你的设计看起来有吸引力。而CSS有助于给设计风格和文本排版带来效果。下面分享1标签:CSS3CSS3特效 对于网站设计来说,好看的文本和排版会使你的设计看起来有吸引力。而CSS有助于给设计风格和文本排版带来效果。下面分享1</p>
                    <p>活动咨询电话/微信：家杰（137xxxxxxxxxx）</p>
                </li>
                <!--<li class="link">
                    <a href="#">在线直播（点击这里）</a>
                </li>-->
            </ul>
        </div>
    </div>
</div>
</main>
<div class="withpop">
    <div class="innerbox">
            <ul>
                <li>
                    <p>姓名：</p>
                    <input name="myname" class="name" type="text" placeholder="请输入您的姓名"/>
                </li>
                <li>
                    <p>手机：</p>
                    <input name="myphone" class="phone" type="text" placeholder="请输入您的手机号码" onkeyup="value=value.replace(/[^\d]/g,'')"  onafterpaste="this.value=this.value.replace(/[^\d]/g,'')"/>
                </li>
                <li>
                    <p>单位：</p>
                    <input name="mycompany" class="location" type="text" placeholder="所在单位"/>
                </li>
                <li>
                    <p>职位：</p>
                    <input name="myjob" class="work" type="text" placeholder="所在单位"/>
                </li>
                <li>
                    <button class="btn">确定</button>
                </li>
            </ul>
        <div class="pop_close">X</div>
    </div>
</div>
@endsection